<!DOCTYPE html>
<html lang="en" style="height:100%">
  <head>
    <link
      href="//fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet"
    />
    <link
      href="//fonts.googleapis.com/css?family=Roboto:300,400,500"
      rel="stylesheet"
    />
    <!-- <script
      type="text/javascript"
      src="http://api.map.baidu.com/api?v=2.0&ak=2EmL1ZskxTPT2pvjhpDfed4M"
    ></script> -->
    <meta charset="utf-8" />
    <title></title>
    <base href="/" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
    <!-- <link rel="stylesheet" href="assets/icon/iconfont.css"> -->
  </head>

  <body style="height:100%">
    <app-root>
      <!-- <style>
        app-root {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100vh;

          color: #999;
          text-transform: uppercase;
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
            Oxygen-Sans, Ubuntu, Cantarell, Helvetica, sans-serif;
          font-size: 2.5em;
          text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
        }

        body {
          background: #fff;
          margin: 0;
          padding: 0;
        }

        @keyframes dots {
          50% {
            transform: translateY(-0.4rem);
          }

          100% {
            transform: translateY(0);
          }
        }

        .d {
          animation: dots 1.5s ease-out infinite;
        }

        .d-2 {
          animation-delay: 0.5s;
        }

        .d-3 {
          animation-delay: 1s;
        }
      </style>
      Loading<span class="d">.</span><span class="d d-2">.</span
      ><span class="d d-3">.</span> -->
    </app-root>
  </body>
</html>
